<template>
  <div class="demo" id="b1">
    <el-col :span="12">
      <el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"
        background-color="#fff" text-color="#555" active-text-color="skyblue" :collapse-transition="false" :unique-opened="true" >
        <el-submenu index="1">
          <template slot="title" >
            <i class="el-icon-s-cooperation"></i>
            <span>综合测评</span>
          </template>
          <el-menu-item-group>
            <router-link to="/Self_of_s">
              <el-menu-item index="1-1">
                <!-- 在Vue中使用router-link替代a标签来实现页面的跳转 -->
                学生自评
              </el-menu-item>
            </router-link>
            <router-link to="/Class">
              <el-menu-item index="1-2">
                班级审核
              </el-menu-item>
            </router-link>

          <router-link to="/Class_dis">
            <el-menu-item index="1-3">
              班内公示
            </el-menu-item>
          </router-link>

          </el-menu-item-group>
          <!-- <el-submenu index="1-4">
            <template slot="title">选项4</template>
            <el-menu-item index="1-4-1">选项1</el-menu-item>
          </el-submenu> -->
        </el-submenu>

        <router-link to="/Search">
          <el-menu-item index="2">
            <i class="el-icon-menu"></i>
            <span slot="title">综合搜索</span>
          </el-menu-item>
        </router-link>
        <router-link to="/Data">
          <el-menu-item index="3">
            <i class="el-icon-document"></i>
            <span slot="title">数据分析</span>
          </el-menu-item>
        </router-link>

        <router-link to="/Scholarship">
          <el-menu-item index="4">
            <i class="el-icon-trophy"></i>
            <span slot="title">奖学金申请</span>
          </el-menu-item>
        </router-link>

        <router-link to="Fdifficulty">
          <el-menu-item index="5">
            <i class="el-icon-coordinate"></i>
            <span slot="title">经济困难学生认定</span>
          </el-menu-item>
        </router-link>
      </el-menu>
    </el-col>
  </div>

</template>
<script>
window.onload=function (){
  // console.log("wozai")
  var b1=document.getElementById("b1")
  if(window.sessionStorage.getItem("HB")=="dark")
    b1.style.backgroundColor="#545454"
  else
    b1.style.backgroundColor="#fff"
}
export default {
  name: 'Nav',
  methods: {
    handleOpen (key, keyPath) {
      // console.log(key, keyPath);
    },
    handleClose (key, keyPath) {
      // console.log(key, keyPath);
    }
  }
}
</script>
<style scoped>
.shine{
  background-color: #ffffff;
}

.dark{
  background-color: #bebebe
}


.demo .el-col,
.demo .el-col li {
  width: 100%;
  text-align: left;
}

.el-aside {
  height: 100vh;
}

.el-aside ul {
  border: none !important;
}

a {
  text-decoration: none;
  /* color: #555; */
}
</style>
